*{margin: 0;
 padding: 0;}
 body{
     min-height: 100vh;
     background:rgba(255, 255, 255, 0.219) url('https://unsplash.it/1500/900?image=1021');
     background-size: cover; 
     background-repeat: no-repeat;
     display: flex;
     justify-content: center;
     align-items: center;
 }
 .wrapper{
    display: flex;
    width: 850px;
 }
 .speed{
     flex: 1;
     margin: 10px;
     background: #ffff;
     border-radius: 50px;
     overflow: hidden;
 }
 .speed-bar{
     width: 100%;
     height: 16.3%;
    background: linear-gradient(-170deg,#2376ea,#c16ecf 100%);
    color: #ffff;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
 }